<template>
  <div class="TopChannel">
    <div class="menu">
      <Menu></Menu>
    </div>
    <div class="conten"><router-view></router-view></div>
  </div>
</template>
<script>
import Menu from './components/Menu'
export default {
  components: {
    Menu,
  },
}
</script>


<style lang="scss" scoped>
.TopChannel {
  display: flex;

  .menu {
    // width: 9vw;
  }

  .conten {
    // width: calc(91vw - 20px);
    width: calc(100% - 200px);
    margin-top: 20px;
    margin-left: 20px;
    height: calc(100vh - 101px);
    // background-color: #0486fe;
  }
}

::v-deep .el-menu-item .is-active {
  border-left: 6px solid !important;
  border-left-color: #0486fe !important;
  background-color: #f6f8ff;
}
</style>
